/**************************************
 *
 * VLOOK 模板主题
 *
 * powered by MAX°孟兆
 *
 * QQ Group: 805502564
 * email: maxchow@qq.com
 *
 * For: 1046218884@qq.com
 * (wechat): wed3200
 *
 *************************************/

@import "../theme-thinking";

// 主题信息
@themeName: "vlook-x-bug320";
@themeDesc: "× bug320";

// 指定主题配套的圆角
.applyThemeRadius(big);

// 文档背景色
@bgLight4Theme: #FCF9F2;
@bgDark4Theme: #181B2B;
.applyDocBgColor(@bgLight4Theme, @bgDark4Theme);
.applyDocTextColor(#181B2B, #FCF9F2);

:root {
    --thm-fav-logo-lg: url("");
    --thm-fav-logo-dk: var(--thm-fav-logo-lg);
}

// 主题主色
@theme1: #8064A9;
@theme2: #2AA899;
@theme3: #FFFFFF;
@theme4: @bgLight4Theme;
@theme1Dark: #866BAD;
@theme1Alt: #E7E1EF;
@theme1AltDark: #352848;
@theme2Dark: #2CAFA0;
@theme2Alt: #DEF7F4;
@theme2AltDark: #10413C;
@theme1Fade: rgba(red(@theme1), green(@theme1), blue(@theme1), @accOpacity);
@theme2Fade: rgba(red(@theme2), green(@theme2), blue(@theme2), @accOpacity);

@themeForeColor: @theme1;
@themeForeColorFade: fade(@themeForeColor, 50%);
@themeBgColor: #EAE6F0;
@themeBgColorFade: fade(@themeForeColor, 50%);
@themeBgColorDark: darken(@themeForeColor, 20%);
@themeBgColorAlt: lighten(@themeForeColor, 42%);

// 标题色
@headerColor: @themeForeColor;
@headerColorDark: @themeForeColor;
// 渐变标题色 h1-h5
@lgHeaderBg: none;
@lgHeaderBgClip: inherit;
@lgHeaderColor: @headerColor;
@headerBackground: linear-gradient(0deg, var(--h-bg-start), var(--h-bg-end));
@multiHeaderBG: none;
@headerTextAlign: left;
@headerPadding: 5px 10px;
@headerLetterSpacing: 0;
// 标题的左边框
@h1BorderLeft: 0;
@h2BorderLeft: 0;
@h3BorderLeft: 0;
@h4BorderLeft: 0;
@h5BorderLeft: 0;
@h6BorderLeft: 0;
// 标题的上边框
@h1BorderTop: 9px solid var(--h-box-shadow);
@h2BorderTop: 7px solid var(--h-box-shadow);
@h3BorderTop: 5px solid var(--h-box-shadow);
@h4BorderTop: 3px solid var(--h-box-shadow);
@h5BorderTop: 1px solid var(--h-box-shadow);
@h6BorderTop: 0;

// 按钮色
@buttonForeColor: @themeBgColor;
@buttonBgColor: @themeForeColor;

// 封面、封底文字位置及对齐方式
@coverTextPadding: 240px 80px 60px 80px;
@coverTextColor: @aLineColor;
@coverSubColor: @themeForeColor;
@coverUnderlineColor: #606070;
@coverAuthorColor: @coverUnderlineColor;

@backCoverTextAlign: center;
@backCoverTextPadding: 300px 0 0 0;

// 对比度边框色，用于主题色与背景色对比度比较低时的边缘视觉识别
@contrastBorderForCover: 0 0 0 2px fade(@themeForeColor, 20%) inset;

// 封面背景设置
@coverBackgroundColor: @themeBgColor;
@coverBackgroundImage: var(--thm-c-logo), var(--thm-c-mask), var(--thm-comon-bg);
@coverBackgroundSize: 80px 80px, auto, auto;
@coverBackgroundRepeat: no-repeat, repeat-y, no-repeat;
@coverBackgroundPosition: 80px 80px, top right, top right;
// 封底背景设置
@backCoverBackgroundColor: @coverBackgroundColor;
@backCoverBackgroundImage: var(--thm-bc-logo), var(--thm-bc-mask), var(--thm-comon-bg);
@backCoverBackgroundSize: 80px 80px, 100%, auto;
@backCoverBackgroundRepeat: no-repeat, repeat-y, no-repeat;
@backCoverBackgroundPosition: center 170px, top center, center left;

// 封面、封底素材资源
:root {
    // 通用背景图片
    --thm-comon-bg: url("");
    // 封面 logo
    --thm-c-logo: var(--thm-fav-logo-lg);
    // 封面背景 mask
    --thm-c-mask: url("");
    // 封底 logo
    --thm-bc-logo: var(--thm-fav-logo-lg);
    // 封底背景 mask
    --thm-bc-mask: url("");
}

@import "../base";
